<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>cooly</title>
	<link rel="icon shortcut" href="cooly.ico">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<link rel="stylesheet" href="style/fontStyle.css">
	<link rel="stylesheet" href="style/webStyle.css">
</head>


<body>
	<!-- 标题栏 -->
	<header>
		<div id='button'>菜单</div>
		<ul class="left">
			<li><a href="index.html">HOME</a></li>
			<li><a href="works.html">WORKS</a></li>
			<li><a href="about.html">ABOUT</a></li>
			<li><a href="blog.html">BLOG</a></li>
			<li><a href="contect.html">CONTECT</a></li>
		</ul>

		<ul class="right">
			<li id='weixin'>weixin
				<img src="image/weixin.jpg" alt="微信">
			</li>

			<li id="weibo">weibo
				<img src="image/weibo.jpg" alt="微博">
			</li>
		</ul>
	</header>
	<!-- 主体 -->
	<!-- 主体 -->
	<article class="main">
			
				<dd>
					<h2>sladlskdfjl</h2>
					<p>lsdkjfjsdafj</p>
				</dd>

				<dd>
					
				</dd>

				<dd>
					
				</dd>

				<dd>
					
				</dd>
			</dl>
	</article>
	


	<!--  底部 -->
	<footer>
		<p>DESIGN BY COOLY</p>
		<p>© cooly  京ICP备16039957号</p>
	</footer>
</body>


</html>